#box{
    width: 100%;
    height: 700px;
    background-size: cover;
    /* background-repeat: no-repeat; */
    background: url('../img/34.png') no-repeat;   
    position: fixed;
    /* top: 0; */
    position: relative;
    /* z-index: -20; */
}
ul{
    list-style: none;
    
}
.box{
    position: absolute;
    top: 105px;
    left: 350px;
    /* display: flex;
    flex-direction: column; */
    /* border: solid 1px; */
    box-shadow: 0px 0px 5px;
    /* width: 300px; */
    border-radius: 5px;
}
.box ul{
    width: 300px;
    display: flex;
    flex-direction: column;
}
.box ul li{
    margin: 10px 0;
    width: 260px;
    box-shadow: 0px 0px 3px;
    padding: 5px;
    border-radius: 5px;
    display: flex;
    justify-content: space-between;
    font-family: "幼圆";
}
input{
    border-radius: 5px;
    opacity: 0.5;
}
a{
    text-decoration: none;
    color: black;
    font-family: "幼圆";
    font-weight: bold;
    /* box-shadow: 0px 0px 5px; */
}
ul div{
    display: flex;
}
img{
    width: 130px;
}
.img1{
    position: absolute;
    top: 25px;
    animation: img1 4s ease infinite;
    /*left: 255px; */
}
.img2{
    position: absolute;
    top: 25px; 
    right: 0;
    /* transform: rotate(-35deg) scaleX(-1); */
    animation: img2 4s ease infinite;
    


}
.img3{
    position: absolute;
    bottom: 10px; 
    right: 0;
    /* transform: rotate(25deg) scaleX(-1); */
    animation: img3 4s ease infinite;

}
.img4{
    position: absolute;
    bottom: 10px; 
    left: 0;
    /* transform: rotate(-25deg); */
    animation: img4 4s ease infinite;

}
#item1,
#item2,
#item3,
#item4{
    display: none;
}
@keyframes img1{
    0%{
        transform: rotate(35deg);
    }
    50%{
        transform: rotate(0deg) ;
    }
    100%{
        transform: rotate(35deg) ;
    }
}
@keyframes img2{
    0%{
        transform: rotate(-35deg) scaleX(-1) ;
    }
    50%{
        transform: rotate(0deg) scaleX(-1);
    }
    100%{
        transform: rotate(-35deg) scaleX(-1);
    }
}
@keyframes img3{
    0%{
        transform: rotate(25deg) scaleX(-1);
    }
    50%{
        transform: rotate(0deg) scaleX(-1);
    }
    100%{
        transform: rotate(25deg) scaleX(-1);
    }
}
@keyframes img4{
    0%{
        transform: rotate(-35deg) ;
    }
    50%{
        transform: rotate(0deg) ;
    }
    100%{
        transform: rotate(-35deg);
    }
}